<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style >
			#h1 {color:blue;}
			.h1 {color:green !important;}
			/* 冲突样式 */
			.h1 {color:pink !important;}
			h1 {color:red;}
		</style>
	</head>
	<body>
		<!-- 内嵌样式表 / 行内样式表 -->
		<h1  style="color:red;">hello,world</h1>
		<!-- rgba() gba() -->
		<h1  style="background-color: rgba(255 , 255, 0, 1);">hello,world2</h1>
		<!-- 16进制表示法 -->
		<h1  style="background-color: #FFFF00;">hello,world2</h1>
		
		<h1 class="h1" id="h1">覆盖规则</h1>
	</body>
</html>
